<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加博客或修改</title>
</head>
<style>
    body{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    #yemian {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border: 1px solid;
        width: 300px;
        height: 250px;
    }

    #login {
        margin-top: 10px;
    }

    #cancel {
        margin-left: 80px;
    }
</style>

<body>
    <div id="yemian">
        <div>
            <h3>添加博客或者修改</h3>
        </div>
        <table>
            <tr>
                <td><label for="">标题：</label></td>
                <td><input type="text" name="title"></td>
            </tr>
            <tr>
                <td><label for="">摘要：</label></td>
                <td><input type="text" name="abstract"></td>
            </tr>
            <tr>
                <td><label for="">内容：</label></td>
                <td><input type="text" name="content"></td>
            </tr>
            <tr>
                <td><label for="">分类：</label></td>
                <td><input type="text" name="sort"></td>
            </tr>
            <tr>
                <td><label for="">作者：</label></td>
                <td><input type="text" name="author"></td>
            </tr>
        </table>

        <div id="login">
            <tr>
                <td><input type="button" value="保存" onclick="save()"></td>
                <td><input type="button" value="取消" onclick="cancel()"></td>
            </tr>
        </div>
    </div>
</body>
<script>
    function save() {
        window.location.href='./addOrEdit.html'
    }
    function cancel() {
        window.location.href='./addOrEdit.html'
    }
</script>
</html>